<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width"/>
<meta name="viewport" content="initial-scale=1.0,user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<link type="text/css" href="../css/share.css" rel="stylesheet" />
<title>佛珠缘-${goodsInfo[0].name }</title>
<script language="javascript">
	function b_load()
	{
		document.getElementById("qh_con0").style.display="block";
		document.getElementById("qh_con1").style.display="none";
		document.getElementById("qh_con2").style.display="none";
		document.getElementById("qh_con3").style.display="none";
		//document.getElementById("qh_con4").style.display="none";
	}
	function qiehuan(num){
		for(var id = 0;id<=9;id++)
		{
			if(id==num)
			{
				document.getElementById("qh_con"+id).style.display="block";
			}
			else
			{
				document.getElementById("qh_con"+id).style.display="none";
			}
		}
	}
</script> 
</head>
<body onload="b_load();">
<div class="main" onload="b_load();">
    <div class="nav">
        <table width="100%" cellpadding="0" cellspacing="0">
        	<tr>
            <td class="nav_wz" onclick="qiehuan(0)">概览</td>
            <td class="nav_wz" onclick="qiehuan(1)">报价</td>
            <td class="nav_wz" onclick="qiehuan(2)">参数</td>
            <!-- <td class="nav_wz" onclick="qiehuan(3)">图片</td> -->
            <td class="nav_wz" onclick="qiehuan(3)">联系我们</td>
             <td style=" text-align:center;  text-decoration:none; height:40px; width:80px; margin:0px auto;"><input type="hidden" /></td>
            </tr>
        </table>
    </div>
    <div class="zt">
        <div id="qh_con0" style="display:none;">
        		<c:forEach var="item" items="${goodsInfo[0].goodsPics }">
        			<img src="${item.picAddr }" width="100%" height="auto" alt="${item.picName }"/>
        		</c:forEach>
        </div>
        <div id="qh_con1" style="display:none;min-height: 400px;" class="nav_wz1" >
				<div style="margin-top: 80px;">
					<h2>${goodsInfo[0].name}</h2>
					<h1>价格：￥${goodsInfo[0].salePrice}</h1>
				</div>
		</div>
        <div id="qh_con2" style="display:none;min-height: 400px;"  class="nav_wz1" >
        <div style="margin-top: 80px;">
			<table style="margin: 0 auto;">
									<tr>
										<th>产品名称：</th>
										<th>${goodsInfo[0].name}</th>
									</tr>
									<tr>
										<td>产品分类：</td>
										<td>${goodsInfo[0].categoryName}</td>
										<td>&nbsp;&nbsp;</td>
										<td>产品型号：</td>
										<td>${goodsInfo[0].spec}</td>
									</tr>
									<tr>
										<td>品牌：</td>
										<td>${goodsInfo[0].brandName}</td>
										<td>&nbsp;&nbsp;</td>
										<td>产品型号详情：</td>
										<td>${goodsInfo[0].specPy}</td>
									</tr>
									<tr>
										<td>编码：</td>
										<td>${goodsInfo[0].code}</td>
										<td>&nbsp;&nbsp;</td>
									</tr>
					</table>
					</div>
		</div>
<!--         <div id="qh_con3" style="display:none;"  class="nav_wz1" ><img src="../images/14.png" width="100%" height="auto"/></div>
 -->        <div id="qh_con3" style="display:none;min-height: 400px;"  class="nav_wz1" >
								<h3>电话：342345324</h3>
								<h3>手机：12332131232</h3>
								<h3>地址：快捷方式垃圾发士大夫</h3>
				</div>
	</div>
	<div class="nav_wz1" style="margin: 20px auto;font-family: serif;">&copy;2018  版权所有  佛珠缘</div>
</div>
</body>
</html>
